<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>访问表单元素</title>
    <script type="text/javascript" src="../js/jquery-3.4.1.min.js"></script>
    <!--<script type="text/javascript" src="../js/jquery-1.4.1.min.js"></script>-->
    <script>
        $(function () {
            $("#username").blur(function () {
                console.log("attr取值:" + $(this).attr("value"));
                console.log("prop取值:" + $(this).prop("value"));
                // 专门用于访问表单元素的value属性值
                // val():取值
                console.log("val取值:" + $(this).val());
                // val("属性值"):赋值
                $(this).val("alice");
            });
        })
    </script>
</head>
<body>
用户名:<input type="text" id="username">
</body>
</html>